﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的预约</title>
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link href="css/wechat_base.css" rel="stylesheet" type="text/css" >
<link href="css/wechat_rest.css" rel="stylesheet" type="text/css" >
<script src="js/zepto.min.js" type="text/javascript"></script>
<script src="js/jsf_js_base.js" type="text/javascript"></script>
</head>

<body>
<div class="fix_contain">
<!--主父级-->
<!--头部-->
<div class="header">
    	<span>李小锤</span>  
    	<span>100平米</span>
    	<span>18801054471</span>
    	<a href="#" class="Cancel">取消预约</a>
</div>
<!--头部-->
<div class="clear"></div>
<!--更换 -->
	
    <ul class="appointment_more">
    <!--头像-->
        <li class="poc_bg">
            <a href="#" class="poc"><img src="images/base/pic_img.jpg"/></a>
            <span class="State">工长已接受预约</span>
            <span class="State" style="display:none;">工长已拒绝预约</span>
            <span class="State" style="display:none;">工长等待确认中</span>
        </li>
    <!--头像-->
    <!--信息-->     
        <li class="info_bg">
            <dl class="tit">预约工长</dl>
            <dl><span>工长：</span><span class="name">王大锤</span></dl>
            <dl>
            	<span>等级</span>
                <i class="medal_ico"></i>
                <span class="medal_lv">铂金3级</span>
            </dl>
        </li>
     <!--信息--> 
     <!--按钮-->    
        <li class="btn_bg">
            <a href="#" class="btn_more">更换</a>
        </li>
     <!--按钮-->      
    </ul>
<!--更换 -->

<!--选择工长 -->   
	<div class="appointment">
    	<a href="#" class="">选择工长</a>
    </div>
<!--选择工长 -->   

<div class="clear"></div>

<!--套餐title-->
	<div class="Package">
		<span class="btr"></span>
        <span class="btxt">套餐</span>
	</div>
<!--套餐title-->
    
<div class="clear"></div>
	
<!--套餐设计列表选择-->
    <ul id="Package_list">
    	<li><span id="Package_txt">马云小区</span><a href="#" id="Package_btn">更换</a></li>
        <li><span id="Design_txt">马云小区</span><a href="#" id="Design">更换</a></li>
    </ul>
<!--套餐弹出框-->
<div id="Shadow_bg1">
    	<div class="Shadow_box">
            <span id="sp_txt_Accept">请选择套餐！</span>
            <a href="#" id="new299">新房299套餐</a>
            <a href="#" id="old369">旧房369套餐</a>
        </div>
</div> 
<!--套餐弹出框-->

<!--设计弹出框-->      
<div id="Shadow_bg2">        
        <div class="Shadow_box">
            <span id="sp_txt_Accept">请选择设计！</span>
            <a href="#" id="sj1">优秀设计师，50元/㎡</a>
            <a href="#" id="sj2">资深设计师，80元/㎡</a>
            <a href="#" id="sj3">主任设计师，100元/㎡</a>
            <a href="#" id="sj4"> 首席设计师，200元/㎡</a>
            <a href="#" id="sj5">无</a>
        </div>
        </div>
<!--设计弹出框-->         
<!--套餐设计列表选择-->        
    </div><!--主父级-->
</body>
</html>
